<template>
  <div class="home_rec">
    
    <Slider :list="list" :auto="auto"></Slider>
    <AiteOnline></AiteOnline>
    <Hot_yuanchuang></Hot_yuanchuang>
    <Flash_sale></Flash_sale>
    <router-link to="/enter_ywart" id="enter_ywart"></router-link>
    <Home_footer></Home_footer>
  </div>
</template>
<script>
import Slider from '@/components/home/Slider_show'  // 轮播图组件
import AiteOnline from '@/components/home/AiteOnline'
import Hot_yuanchuang from '@/components/home/Hot_yuanchuang'
import Flash_sale from '@/components/home/Flash_sale'
import Home_footer from '@/components/home/Home_footer'
export default{
  name: 'Home_rec',
  data () {
    return {
      auto:true, // 轮播图是否自动播放
      list: [ // 轮播图单页样式列表
        { width: '100%', height: '100%', src: require('../../assets/img/home/bg1.jpg') },
        { width: '100%', height: '100%', src: require('../../assets/img/home/bg2.jpg') },
        { width: '100%', height: '100%', src: require('../../assets/img/home/bg3.jpg') },
        { width: '100%', height: '100%', src: require('../../assets/img/home/bg4.jpg') },
        { width: '100%', height: '100%', src: require('../../assets/img/home/bg5.jpg') },
        { width: '100%', height: '100%', src: require('../../assets/img/home/bg6.jpg') }
      ]
    }
  },
  components: {
    AiteOnline,
    Hot_yuanchuang,
    Flash_sale,
    Home_footer,
    Slider
  },
  methods: {
    moveToIndex (index) {
      this.sliderIndex = index
    }
  }
}
</script>
<style scoped lang="less">
  .home_rec{
    padding: 0 0 60px 0;
    #enter_ywart{
      display: block;
      width: 94%;
      height: 173px;
      margin: 20px auto;
      background-image: url(../../assets/img/home/20200430234821949dc7651df.jpg);
      background-size: contain;
      background-repeat: no-repeat;
    }
  }
</style>